<template>
  <div class="step-box">
    <el-steps :active="step-1" finish-status="success" align-center>
      <el-step
        v-for="(item, index) in stepList"
        :key="index"
        :title="item.title"
      />
    </el-steps>
  </div>
</template>

<script>
export default {
  name: 'Steps',
  props: {
    step: {
      type: Number,
      default: 1
    }
  },
  data() {
    return {
      stepList: [
        {
          title: '协议签署'
        },
        {
          title: '保证金缴纳'
        },
        {
          title: '完成上线'
        }
      ]

    }
  }
}
</script>

<style lang="scss" scoped>
@import 'step';
</style>
